<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>真爱梦想账户系统</title>
<head lang="cn">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="真爱梦想账户系统登录页面，包括火堆，NC，梦想盒子等等" />
<meta name="keywords" content="真爱梦想,登录" />
<meta name="author" content="sunset, 3415474@qq.com" />
<!-- <meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="apple-mobile-web-app-title" content="登录-真爱梦想中央账户">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-itunes-app"
	content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telphone=no, email=no" />
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta name="msapplication-tap-highlight" content="no">
<!--[if lt IE 9]>
  		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->
<!--  text1-->
<script type='text/javascript' src='../../js/import.js'></script>
<script type='text/javascript' src='../../js/common/login/jquery.qrcode.min.js'></script>
<script type='text/javascript' src='../../js/common/login/hm.js'></script>

<script type='text/javascript' src='../../js/libs/jquery.cookie.min.js'></script>
</head>
<body>
<div id="loading">
	
		<div id="loading-center">
		<img alt="" src="../../images/logo@3x.png" id="loading-logo">
			<div id="loading-center-absolute">
				<div class="object" id="object_one"></div>
				<div class="object" id="object_two" style="left:20px;"></div>
				<div class="object" id="object_three" style="left:40px;"></div>
				<div class="object" id="object_four" style="left:60px;"></div>
				<div class="object" id="object_five" style="left:80px;"></div>
			</div>
		</div> 
	</div>
	<div class="body" style="background-size: cover;background-position: bottom;">
		<!-- div class="notice">梦想盒子用户请使用账号密码登录</div> -->
		<div class="themes">
			为了<span style="color: #C41305">自信、从容、有尊严</span>的未来
		</div>
		<div id="layers">

			<div id="logo"></div>
			<div id="login">
				<div id="label">
				    <div id="message" class="select">短信登录</div>
					<span></span>
					<div id="user" >账号登录</div>
					<div id="label_line" class="underline"></div>
				</div>
				<div id="message_layer" style="display: block">
					<div id="phone">
						<div class="block">
							<span class="icon"></span> <input type="number" placeholder="手机号" required id="phone_input" />
						</div>

						<div class="msg">
							<div class="msgicon"></div>
							<span id="phone_msg">手机号未注册,请先注册</span>
						</div>
					</div>
					<div id="checkcode_phone">
						<div class="block">
							<span class="icon"></span> <input id="checkcode_text_phone" type="text"
								maxlength="4" placeholder="图片验证码" autocomplete="off"/> <img id="code_img_phone" />
							<div id="next_phone">换一张</div>
						</div>

					</div>
					<div id="message_checkcode">
						<div class="block">
							<span class="icon"></span> <input id="message_checkcode_text"
								type="text" maxlength="4" placeholder="手机验证码" autocomplete="off"/>
							<div class="checkcode_vertical_line">|</div>
							<div class="checkcode_get_code" id="checkcode_get_code">获取验证码</div>
						</div>
					</div>
					<div class="login_btn" id="message_login_click">立即登录</div>

					<div class="group-btn">
						<span class="reg_btn">立即注册</span>
					</div>
				</div>

				
				<div id="user_layer" style="display: none">
					<div id="username">
						<div class="block">
							<span class="icon"></span> <input type="text" placeholder="手机/邮箱/用户名"
								id="username_input" />
						</div>
						<div class="msg">
							<div class="msgicon"></div>
							<span id="user_msg">手机号未注册，请先注册</span>
						</div>
					</div>
					<div id="password">
						<div class="block">
							<span class="icon"></span> <input type="password"
								placeholder="密码" id="password_input" /> <span
								style="display: none;" class="LOCK">大写锁定键被按下，请注意大小写</span>
						</div>
					</div>
					<div id="checkcode">
						<div class="block">
							<span class="icon"></span> <input id="checkcode_text" type="text"
								maxlength="4" placeholder="验证码"  autocomplete="off"/> <img id="code_img" />
							<div id="next">换一张</div>
						</div>

					</div>
					<div class="login_btn" id="user_login_click">立即登录</div>
					<div class="group-btn">
						<span class="reg_btn">立即注册</span> 
						<span class="forget_btn">忘记密码</span>
					</div>
				</div>
				<div id="other_line">
					<div id="line"></div>
					<div id="other_word">使用第三方登录</div>
				</div>
				<div id="other_login">
					<div id="wechat_login"></div>
				</div>
			</div>

		</div>
		<div class="tips">
			
			<div class="t_left"> 
				<img id="qrFile">
			</div>
			<div class="t_right">
				<div class="tr_u">
					<div class="canvas_div">
						<canvas class="hearts-canvas"></canvas>
					</div>
					<span class="star_span">
						<img id="star" src="../../images/login_star.png">
					</span>
					<span id="starCount">0</span>
				</div>
				<div class="tr_d">
					<img id="titleFile">
				</div>
			</div>
		</div>
		<div class="Copyright">© 2011 Copyright <a href="//beian.miit.gov.cn">沪ICP备13042466号-3</a> / <a href="//www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502003594">沪公网安备 31011502003594号</a> 上海真爱梦想公益基金会</div>
	</div>

<script type='text/javascript' src='../../js/common/login/tips.js'></script>
</body>
</html>